﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    <link rel="stylesheet" href="/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="/blueprint/print.css" type="text/css" media="print" />
    <link rel="stylesheet" href="/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" type="text/css" href="/includes/tooltip.css" />
	<script type="text/javascript" src="/includes/tooltip.js"></script>

    <link rel="stylesheet" type="text/css" href="/includes/marquee.css" />
		<script type="text/javascript" src="/includes/jquery-1.6.min.js"></script>
		<script type="text/javascript" src="/includes/farinspace/jquery.imgpreload.min.js"></script>
		<script type="text/javascript" src="/includes/marquee.js"></script>
</head>
<body>
    <div class="container">
        <div id="wrapper">
            <div id="header" class="span-24">
                <a href="/">
                    <img src="~/Content/logo.png" alt="logo" style="margin-right: 1.5em; margin-bottom: 1.5em; float:left;" /></a>

                    <section id="currencies_block_top" class="header-box header-button">
                        <form id="setCurrency" action="#" method="post">
                            <p class="inner-carrencies">
                                <input type="hidden" name="id_currency" id="id_currency" value="">
                                <input type="hidden" name="SubmitCurrency" value="">$<span class="arrow_header_top"></span>
                            </p>
                            <ul id="first-currencies" class="currencies_ul list_header">
                                <li class="selected">
                                    <span>$</span>Dollar
                                </li>
                                <li>
                                    <a href="javascript:setCurrency(2);" title="Euro"><span>€</span>Euro</a>
                                </li>
                            </ul>
                        </form>
                    </section>
                    <section id="languages_block_top" class="header-box header-button">
                        <div id="countries_2">
                            <p class="selected_language">
                                en
                            <span class="arrow_header_top"></span>
                            </p>
                            <ul id="first-languages" class="countries_ul list_header">
                                <li class="selected">
                                    <img src="/images/img/1.jpg" alt="en" width="26" height="16"><span><span class="firstWord"> (United States)</span>English</span>
                                </li>
                                <li>
                                    <a href="#" title="Français (French)">
                                        <img src="/images/img/2.jpg" alt="fr" width="26" height="16"><span><span class="firstWord"> (French)</span>Français</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="Español (Spanish)">
                                        <img src="/images/img/3.jpg" alt="es" width="26" height="16"><span><span class="firstWord"> (Spanish)</span>Español</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="Deutsch (German)">
                                        <img src="/images/img/4.jpg" alt="de" width="26" height="16"><span><span class="firstWord"> (German)</span>Deutsch</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="Russian">
                                        <img src="/images/img/5.jpg" alt="ru" width="26" height="16"><span><span class="firstWord"></span>Russian</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </section>
                <section class="blockuserinfo header-box">                  
                    <a href="Account/Login" title="Dang nhap" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login">
                        <span class="icon-unlock">
                        </span>
                    </a>
                </section>
                <section class="chat header-box">
                        <a href="#" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-chat"></span></a>
                </section>
                <section class="mail header-box">
                        <a href="#" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-mail"></span></a>
                </section>
                <section class="sitemap header-box">
                        <a href="#" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-sitemap"></span></a>
                </section>
                <section class="home header-box">
                        <a href="/" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-home"></span></a>
                </section>
                <br />
                <section id="header_user" class="blockuserinfo-cart header-box">
                    <div id="shopping_cart">
                        <a href="#" title="View my shopping cart" rel="nofollow">
                            <strong class="opancart"></strong>
                            @{Html.RenderAction("GetSumaryCart", "ShoppingCart");}
                            <span class="arrow_header_top"></span>
                        </a>
                    </div>
                </section>
                <section id="search_block_top" class="header-box">
                    <form method="get" action="#" id="searchbox">
                        <p>
                            <label for="search_query_top">Search</label>
                            <input type="hidden" name="controller" value="search">
                            <input type="hidden" name="orderby" value="position">
                            <input type="hidden" name="orderway" value="desc">
                            <input class="search_query ac_input" type="text" id="search_query_top" name="search_query" value="Search" onfocus="if(this.value=='Search')this.value='';" onblur="if(this.value=='')this.value='Search';" autocomplete="off">
                            <a href="javascript:document.getElementById('searchbox').submit();"></a>
                        </p>
                    </form>
                </section>
                <hr class="space" />
            </div>
            <hr />

            <div id="titlebar" class="span-24"">
                @{Html.RenderAction("GetListCategory", "Category");}
            </div>

            <div  id="panel" >
            <div class="marquee_container autoplay">
                <div class="marquee_photos"></div>
                <div class="marquee_caption">
                    <div class="marquee_caption_content"></div>
                </div>
                <div class="marquee_nav"></div>
            </div>
            
            <div class="marquee_panels">
                <!-- Panel -->
                <div class="marquee_panel" style="">
                    <img class="marquee_panel_photo" src="/images/photos/slide-1.jpg" />
                    <div class="marquee_panel_caption">
                        <br /><br /><br /><br /><br />
                    </div>
                </div>
                <!-- Panel -->
                <div class="marquee_panel">
                    <img class="marquee_panel_photo" src="/images/photos/slide-2.jpg" />
                    <div class="marquee_panel_caption">
                        <br /><br /><br /><br /><br />
                    </div>
                </div>
                <!-- Panel -->
                <div class="marquee_panel">
                    <img class="marquee_panel_photo" src="/images/photos/slide-3.jpg" />
                    <div class="marquee_panel_caption">
                        <br /><br /><br /><br /><br />
                    </div>
                </div>
            </div>
            </div>
            <div id="content" class="span-24">
                @RenderBody()
            </div>
            <div id="footer" class="span-24 alt">
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">CATEGORIES</p>
                    <a href="#" style="text-decoration:none" class="alt">Accessories</a><br />
                    <a href="#" style="text-decoration:none" class="alt">CPUs</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Hard Drives</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Monitors</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Keyboards / Mice</a>
                </div>
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">MY ACCOUNT</p>
                    <a href="#" style="text-decoration:none" class="alt">My orders</a><br />
                    <a href="#" style="text-decoration:none" class="alt">My credit slips</a><br />
                    <a href="#" style="text-decoration:none" class="alt">My addresses</a><br />
                    <a href="#" style="text-decoration:none" class="alt">My personal info</a><br />
                    <a href="#" style="text-decoration:none" class="alt">My favorite products.</a>
                </div>
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">INFORMATION</p>
                    <a href="#" style="text-decoration:none" class="alt">Specials</a><br />
                    <a href="#" style="text-decoration:none" class="alt">New products</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Best sellers</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Our stores</a><br />
                    <a href="#" style="text-decoration:none" class="alt">Contact us</a>
                </div>
                <div class="span-6 last" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">CONTACT US</p>
                    <a href="#" style="text-decoration:none" class="alt">483/15A Tran Xuan Soan street, Tan Hung ward, District 7, Ho Chi Minh city, 
Vietnam</a><br />
                    
                </div>
                <div class="span-24">
                    <p style="border-top: 2px solid #000; margin-top:10px;padding-top: 10px">&copy;2013 Design by Group F of 10CNTN</p>
                </div>

            </div>
        </div>

    </div>


    @*@Scripts.Render("~/bundles/jquery")*@
    @*@RenderSection("scripts", required: false)*@
    @RenderSection("Scripts", required: false);
</body>
</html>
